import React from "react";
import CityCard from "../../components/CityCard/cityCard";
import "./style.scss";

const CityList: React.FC = () => {
    return (
        <div className="cards">
            <div className="cardItem">
                <CityCard cityName="杭州" visitedArr={["西湖","湘湖","太子湾"]} cityId={0}></CityCard>
            </div>
            <div className="cardItem">
                <CityCard cityName="南京" visitedArr={["夫子庙","老门东","鸡鸣寺","新街口"]} cityId={1}></CityCard>
            </div>
            <div className="cardItem">
                <CityCard cityName="郑州" visitedArr={["龙子湖","只有河南","金融岛","正弘城"]} cityId={2}></CityCard>
            </div>
            <div className="cardItem">
                <CityCard cityName="许昌" visitedArr={["胖东来"]} cityId={3}></CityCard>
            </div>
            <div className="cardItem">
                <CityCard cityName="上海" visitedArr={["迪士尼","武康路","动物园"]} cityId={4}></CityCard>
            </div>
        </div>
    );
}
export default CityList;